<template>
  <div>
        <section class="feature-area section-padding2" style="width: 100%">
          <div class="container">
            <div class="row">
              <div class="col-lg-12">
                <div>
                  <h2 style="text-align: center;font-size: 30px;margin-top: 20px">
                    <span style="font-weight: bold">Lab1st SFE Series</span>
                  </h2>
                </div>
                <div style="min-height: 342px;height: auto;margin-top: 20px">
                  <p style="line-height: 2em;font-size: 15px">
                    CO2 extraction applies with the method of pressurized carbon<br/>
                    dioxide at a selected temperature and pressure to get thebr<br/>
                    desired compounds. Under the special temperature and<br/>
                    pressure (temperature higher than 31 Celsius degrees, and<br/>
                    pressure higher than 1071PSI), CO2 steps into a supercritical<br/>
                    state. Carbon dioxide becomes a supercritical fluid after that<br/>
                    with low viscosity and no interfacial tension, thus improving its<br/>
                    capacity for solubility and therefore achieving higher efficiency<br/>
                    of extraction. These properties make it suitable<br/>
                    for many different processes.
                  </p>
                </div>
                <div style="margin-left: 570px;margin-top: -315px">
                  <img style="width: 500px;height: 347px" src="static/assets/images/a24.png">
                </div>
              </div>
            </div>
          </div>
        </section>

        <section class="feature-area section-padding2">
          <div class="container">
            <div class="row">
              <div class="col-lg-12">
                <div style="height: 445px;width: 1300px;border: 1px solid #1c1b1b;margin-left: -97px;margin-top:160px;box-shadow: 0 0 10px #565658">
                  <div style="margin-left: 152px;margin-top: 60px">
                    <h3 style="font-size: 28px;height: auto">
                      <span style="font-size: 28px;font-weight: bold">
                        Go BEYOND innovation
                      </span>
                    </h3>
                  </div>
                  <div style="min-height: 112px;height: auto;margin-left: 163px;margin-top: 25px">
                    <p style="font-size: 15px;line-height: 2em">
                      <span style="font-size: 15px">
                       As one of the largest and most experienced supercritical co2<br/>
                        extraction solution suppliers in China, we offer standard and<br/>
                        customized models of different volumes and pressure ratings, with<br/>
                        throughput from 5Ibs dry biomass per day to 15000Ibs per day, to<br/>
                        meet your needs. The lead time is usually within ONE month.<br/>
                        Furthermore, we are also experienced in offering botanical<br/>
                        extraction turnkey solutions (especially those of hemp and<br/>
                        cannabis extractions), by commissioning 100+ supercritical<br/>
                        co2 extractor systems globally.
                      </span>
                    </p>
                  </div>
                  <div style="margin-left: 750px;margin-top: -385px">
                    <img src="static/assets/images/a25.png">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>

        <section class="feature-area section-padding2" style="background: rgb(232 235 240);width: 100%;margin-top: 50px">
          <div class="container">
            <div class="row">
              <div class="col-lg-12">
                <div style="height: auto;height: 600px">
                  <div style="margin-left: -850px;margin-top: 100px">
                    <h5 style="text-align: center;font-size: 18px">
                    <span style="font-weight: bold">
                      Lower Cost
                    </span>
                    </h5>
                  </div>
                  <div style="margin-left: 70px">
                    <img src="static/assets/images/a26.png">
                  </div>
                  <div style="height: auto;margin-left: 20px;margin-top: 13px">
                    <p style="line-height: 1.6em;font-size: 15px">
                      Lower power consumption,<br/>
                      &nbsp;lower ethanol consumption,<br/>
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;smaller footprint.<br/>
                    </p>
                  </div>
                 <!-- 左边第一条横线  -->
                  <div style="width: 230px;height: 1px;background: black">
                  </div>
                  <div style="height: auto;margin-left: -850px;margin-top: 40px">
                    <h5 style="text-align: center;font-size: 18px">
                    <span style="font-weight: bold">
                      Easier Accessibility
                    </span>
                    </h5>
                  </div>
                  <div style="margin-left: 70px">
                    <img src="static/assets/images/a27.png">
                  </div>
                  <div style="height: auto;margin-left: 20px;margin-top: 13px">
                    <p style="line-height: 1.6em;font-size: 15px">
                      Automatic PLC controller &<br/>
                      &nbsp;&nbsp;&nbsp;&nbsp;complete SOP available.
                    </p>
                  </div>
                   <!--  中间第一条竖线   -->
                  <div style="width: 1px;height: 510px;background: black;margin-left: 284px;margin-top: -520px">
                  </div>
                  <div style="margin-left: -270px;margin-top: -498px">
                    <h5 style="text-align: center;font-size: 18px">
                    <span style="font-weight: bold">
                      Safer
                    </span>
                    </h5>
                  </div>
                  <div style="margin-left: 370px">
                    <img src="static/assets/images/a28.png">
                  </div>
                  <div style="height: auto;margin-left: 332px;margin-top: 13px">
                    <p style="line-height: 1.6em;font-size: 15px">
                      Non-toxic and non-flammable<br/>
                      &nbsp;CO2, safer than comparable<br/>
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;methodologies.<br/>
                    </p>
                  </div>
                 <!-- 右边第二条横线 -->
                  <div style="width: 230px;height: 1px;background: black;margin-left: 328px">
                  </div>
                  <div style="height: auto;margin-left: -235px;margin-top: 35px">
                    <h5 style="text-align: center;font-size: 18px">
                    <span style="font-weight: bold">
                      Better Support
                    </span>
                    </h5>
                  </div>
                  <div style="margin-left: 370px">
                    <img src="static/assets/images/a29.png">
                  </div>
                  <div style="height: auto;margin-left: 332px;margin-top: 13px">
                    <p style="line-height: 1.6em;font-size: 15px">
                      &nbsp;&nbsp;&nbsp;Short lead time within one<br/>
                      month, turnkey solution design<br/>
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& customization<br/>
                    </p>
                  </div>
                  <div style="margin-left: 800px;margin-top: -536px">
                    <h3 style="font-size: 28px">
                    <span style="font-weight: bold;font-size: 28px">
                      Obvious BENEFITS
                    </span>
                    </h3>
                  </div>
                  <div style="height: auto;margin-left: 747px;margin-top: 30px">
                    <p style="font-size: 14px;text-align: center">
                      Labfirst is ready to help you achieve your goal of
                      &nbsp;&nbsp;&nbsp;&nbsp;getting higherthroughout with lower operating costs.
                    </p>
                  </div>
                <!-- 右上第一条竖线 -->
                  <div style="width: 1px;height: 70px;background: black;margin-left: 697px;margin-top: 20px">
                  </div>
                  <!-- 右上第二条竖线 -->
                  <div style="width: 1px;height: 70px;background: black;margin-left: 1000px;margin-top: -69px">
                  </div>
                  <div style="height: auto;margin-left: 710px;margin-top: -5px">
                    <p style="line-height: 1.6em;font-size: 15px">1</p>
                    <p style="line-height: 1.6em;font-size: 15px">Higher pressure rating compared<br/> to competitors, up to 50 Mpa (7250 PSI).</p>
                  </div>
                  <div class="col-lg-12" style="height: auto;margin-left: 1004px;margin-top: -109px">
                    <p style="line-height: 1.6em;font-size: 15px">2</p>
                    <p style="line-height: 1.6em;font-size: 15px">Double safety protection, with<br/> over-pressure protection gauges<br/> & safety valves.</p>
                  </div>
                  <!-- 右上第二条竖线 -->
                  <div style="width: 1px;height: 70px;background: black;margin-left: 697px;margin-top: 20px">
                  </div>
                  <!-- 右上第二条竖线 -->
                  <div style="width: 1px;height: 70px;background: black;margin-left: 1000px;margin-top: -69px">
                  </div>
                  <div style="height: auto;margin-left: 710px;margin-top: -5px">
                    <p style="line-height: 1.6em;font-size: 15px">3</p>
                    <p style="line-height: 1.6em;font-size: 15px">Available for both lab and industrial<br/> needs (0.5L to 3000L vessels).</p>
                  </div>
                  <div class="col-lg-12" style="height: auto;margin-left: 1004px;margin-top: -109px">
                    <p style="line-height: 1.6em;font-size: 15px">4</p>
                    <p style="line-height: 1.6em;font-size: 15px">Onsite or remote<br/>commissioning & training<br/>service.</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>

        <section class="feature-area section-padding2" style="background: rgb(243 244 245);width: 100%">
          <div class="container">
            <div class="row">
              <div class="col-lg-12">
                <div style="height: auto;height: 750px">
                  <div style="height: auto;margin-left: 23px;margin-top: 55px">
                    <h3 style="font-size: 28px">
                      <span style="font-size: 28px;font-weight: bold">Outstanding with DESIGN</span>
                    </h3>
                  </div>
                  <div style="height: auto;margin-left: 83px;margin-top: 20px">
                    <ul style="font-size: 15px;list-style-type: disc">
                      <li style="line-height: 2.4em;">
                        <p style="line-height: 2.4em;font-size: 15px">Closed loop system recovers 95%+ of CO2</p>
                      </li>
                      <li style="line-height: 2.4em;">
                        <p style="line-height: 2.4em;font-size: 15px">Pressure and temperature can be easily adjusted<br/> and precisely controlled.</p>
                      </li>
                      <li style="line-height: 2.4em;">
                        <p style="line-height: 2.4em;font-size: 15px">High-efficiency CO2 high-pressure pump can<br/> increase the pressure in the shortest time.</p>
                      </li>
                      <li style="line-height: 2.4em;">
                        <p style="line-height: 2.4em;font-size: 15px">User-friendly CO2 flow route design with self-<br/>explanatory flow chart for easy training and<br/> operation.</p>
                      </li>
                      <li style="line-height: 2.4em;">
                        <p style="line-height: 2.4em;font-size: 15px">99% of the system assembled before shipping,<br/> simple installation at customer site.</p>
                      </li>
                      <li style="line-height: 2.4em;">
                        <p style="line-height: 2.4em;font-size: 15px">Special design inside the pump piston system, to<br/> extend the pump's lifetime with few maintenances<br/> required.</p>
                      </li>
                      <li style="line-height: 2.4em;">
                        <p style="line-height: 2.4em;font-size: 15px">Low extraction temperature suitable for extraction<br/> and purification of heat sensitive compounds.</p>
                      </li>
                    </ul>
                  </div>
                  <div style="height: auto;margin-left: 580px;margin-top: -649px">
                    <img src="static/assets/images/a30.png">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>

        <section class="feature-area section-padding2" style="background:white;width: 100%">
          <div class="container">
            <div class="row">
              <div class="col-lg-12">
                <div style="height: auto;height: 500px">
                  <div style="height: auto;margin-top: 35px">
                    <h4 style="text-align: center;font-size: 30px">
                      <span style="font-size: 30px;font-weight: bold">How it works</span>
                    </h4>
                  </div>
                  <div style="height: auto">
                    <p style="font-size: 15px;line-height: 1.6em">1. Fill cannabis into the chamber</p>
                    <p style="font-size: 15px;line-height: 1.6em">2. CO2 comes into the<br/> supercritical state under the<br/> optimal temperature and<br/> pressure.</p>
                    <p style="font-size: 15px;line-height: 1.6em">3. The supercritical CO2<br/> dissolves the cannabis.</p>
                    <p style="font-size: 15px;line-height: 1.6em">4. The liquid containing<br/> cannabis oil will be delivered to<br/> the separator by supercritical<br/> CO2.</p>
                  </div>
                  <div style="height: auto;margin-left: 231px;margin-top: -338px">
                    <img style="width: 850px;height: 400px" src="static/assets/images/a31.png">
                  </div>
                  <div class="col-lg-12" style="height: auto;margin-left: 1000px;margin-top: -319px">
                    <p style="font-size: 15px;line-height: 1.6em">5. Supercritical CO2 reverts back<br/> to gas and distracts from the<br/> liquid due to lower pressure in<br/> the seperator.</p>
                    <p style="font-size: 15px;line-height: 1.6em">6. CO2 gas is driven to the tank<br/> for storage and further use.</p>
                    <p style="font-size: 15px;line-height: 1.6em">7. Canabis oil and other<br/> substances fall into the<br/> seperator's bottom.</p>
                    <p style="font-size: 15px;line-height: 1.6em">8. The oil and compounds are<br/> going to be stored in a vessel<br/> and for the next step of<br/> treatment.</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>

        <section class="feature-area section-padding2" style="background:rgba(12, 66, 102, 0.45);width: 100%">
          <div class="container" style="height: 800px">
            <div class="row">
              <div class="col-lg-12">
                <div style="height: auto;background: white;height: 650px;width: 600px;margin-top: 95px;margin-left: 181px">
                  <div style="margin-left: 95px;margin-top: 30px">
                    <h3 style="font-size: 22px">
                      <span style="font-weight: bold;font-size: 35px;color: #1F1F1F">Get an</span>
                      <span style="font-weight: bold;font-size: 35px;color: #E60000">Instant</span>
                      <span style="font-weight: bold;font-size: 35px;color: #1F1F1F">Quote</span>
                    </h3>
                  </div>
                  <form>
                    <div style="width: 500px;height: 50px;margin-left: 44px;margin-top: 45px">
                      <input class="input" type="text" name="name" placeholder="Name" required aria-required="true" maxlength="100" aria-label="Name" aria-invalid="false">
                    </div>
                    <div style="width: 500px;height: 50px;margin-left: 44px;margin-top: 20px">
                      <input class="input" type="email" name="email" placeholder="Email" required aria-required="true" maxlength="100" aria-label="Email" aria-invalid="false">
                    </div>
                    <div style="width: 500px;height: 50px;margin-left: 44px;margin-top: 20px">
                      <input class="input" type="tel" name="phone" placeholder="Phone" required aria-required="true" maxlength="50" aria-label="Phone" aria-invalid="false" pattern="^[+]?([(][0-9]{1,3}[)][-]?)?([0-9][-]?){3,16}[0-9]$">
                    </div>
                    <div style="width: 500px;height: 50px;margin-left: 44px;margin-top: 20px">
                      <input class="input" type="text" name="country" value placeholder="Country" required aria-required="true" maxlength="250" aria-label="Country" aria-invalid="false">
                    </div>
                    <div style="width: 500px;height: 50px;margin-left: 44px;margin-top: 20px">
                      <textarea style="width: 500px;height: 100px;background: #eec3c7" placeholder="ADD a message" required aria-required="true" aria-invalid="false"></textarea>
                    </div>
                    <div style="margin-left: 180px;margin-top: 103px">
                      <button type="submit" class="template-btn">Submit</button>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </section>
  </div>
</template>
<style>
.input{
  width: 500px;
  height: 50px;
  background: #eec3c7;
}
</style>
